<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>宽带网扩容分析</title>

    <!--jquery-->
    <script src="js/jquery/jquery-3.3.1.js"></script>

    <!--bootstrap 4.0-->
    <script src="js/bootstrap/js/bootstrap.js"></script>
    <link href="js/bootstrap/css/bootstrap.css" rel="stylesheet">
    <style>

        body {
            padding-top: 140px;
            padding-bottom: 40px;
            background-color: #070709;
        }
        .form-signin {
            max-width: 400px;
            padding: 25px;
            margin: 0 auto;
        }
        .form-signin .form-control {
            position: relative;
            height: auto;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 10px;
            font-size: 18px;
        }
        .form-signin .form-control:focus {
            z-index: 2;
        }
        .form-signin input[type="email"] {
            margin-bottom: -1px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }
        .form-signin input[type="password"] {
            margin-bottom: 10px;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
        input{
            background-color: #1D2937;
        }
    </style>
</head>

<body id="body">
<div class="container">
    <h1 class="form-signin-heading" style="font-size: 38px;color: white;text-align: center">宽带网扩容分析系统</h1>

    <!--<form class="form-signin" name="f" action="/login" method="POST">-->
        <div class="form-signin" name="f" id="form1" style="border: #293436 2px solid;border-radius: 10px;background:none;opacity: 0.9">

        <input type="text" id="username" class="form-control" style="background-color: #1D2937;opacity: 1;" name="username" placeholder="登录名" required autofocus>
        <input type="password" id="password" class="form-control" name="password" style="background-color: #1D2937" placeholder="密码" required>
        <label class="checkbox">
            <!--<input type="checkbox" name="remember-me"> 记住我-->
        </label>
        <button class="btn btn-lg btn-primary btn-block" onclick="fakeLogin()">login</button>
    <!--<button class="btn btn-lg btn-primary btn-block" onclick="location.href='http://localhost:9999/DashBoard.html'">login</button>-->

    </div>
</div>

<script>
    screenWidth = window.screen.width;
    screenHeight = window.screen.height;
    $('#main_body').height(screenHeight);
    // $('div[name="top_div"]').height(screenHeight);

function fakeLogin(){
    console.log( $('#username'))
    //
    // username = $('#username').innerText;
    // password = $('#password').innerText;
    location.href='DashBoard.html'
}



</script>


</body>
</html>